/** 
 *调用该函数返回一段html代码 
*/
function teacherleftMenu() {
    return `<div class="row mt-4">
    <img style="width: 10rem; height: 10rem;" class="img-thumbnail mx-auto d-block rounded-circle" src="../img/头像.jpg" alt="头像">
</div>
<div class="row mt-3">
    <h3 class="text-center">五个七'</h3>
</div>
<div class="mt-3 d-flex justify-content-around">
    <a href="#" class="btn btn-outline-primary rounded-pill btn-sm">账号管理</a>
    <a href="#" class="btn btn-outline-warning rounded-pill btn-sm">输入邀请码</a>
</div>
<!-- 菜单导航 -->
<ul class="list-group mt-3">
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="#">
            <i class="bi bi-mortarboard"></i>
            学期教学
        </a>
    </li>
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="teacher">
            <i class="bi bi-cast"></i>
            课程
        </a>
    </li>
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="#">
            <i class="bi bi-pc-display-horizontal"></i>
            教学
        </a>
    </li>
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="/teacher/depart.html">
            <i class="bi bi-envelope"></i>
            系部管理
        </a>
    </li>
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="/teacher/class.html">
            <i class="bi bi-grid-3x2"></i>
            班级管理
        </a>
    </li>
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="#">
            <i class="bi bi-chat-right-dots"></i>
            消息
        </a>
    </li>
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="#">
            <i class="bi bi-download"></i>
            下载中心
        </a>
    </li>
  </ul>`;
}
 let leftmenu = teacherleftMenu();
 console.log($(leftmenu));
 //使用jQuery的Dom操作将html替换到左侧菜单栏中
 $("#leftmenu").append($(leftmenu))